* { margin: 0px; padding: 0px; }
.clear { font-size: 0px; clear: both; line-height: 0px; height: 0px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; }
img, img:hover { border-style: none; outline: none; }
a:link { outline: none; TEXT-DECORATION: none; }
a:visited { outline: none; TEXT-DECORATION: none; }
a:hover { outline: none; TEXT-DECORATION: none; }
a:active { outline: none; TEXT-DECORATION: none; }
input:hover { outline: none; TEXT-DECORATION: none; }


input { outline: none; }
input:focus { outline: none; }
ul { list-style-type: none; }
ul li { list-style-type: none; }
.blank5 { width: 100%; height: 5px; clear: both; }
.blank10 { width: 100%; height: 10px; clear: both; }
.blank15 { width: 100%; height: 15px; clear: both; }
.blank20 { width: 100%; height: 20px; clear: both; }
.blank30 { width: 100%; height: 30px; clear: both; }
.blank40 { width: 100%; height: 40px; clear: both; }
.blank50 { width: 100%; height: 50px; clear: both; }
.blank60 { width: 100%; height: 60px; clear: both; }
.blank70 { width: 100%; height: 70px; clear: both; }
.blank80 { width: 100%; height: 80px; clear: both; }
/* body ------------------------------*/
body { font-family: 'Microsoft YaHei'; font-size: 16px; line-height: 120%; color: #313131; background-color: White; }

.max { width: 100%; max-width: 1920px; min-width: 750px; height: auto; margin: 0 auto; overflow: hidden; }
.z_max { width: 80%; max-width: 1620px; margin: 0 auto; clear: both; }
.z_max.zy { width: 1200px; }


/*PC*/
.header { height: 88px; width: 100%; float: left; position: fixed; background: #0168a2; z-index: 10; border-bottom: 8px solid #26395a; }
.header .w_left { position: relative; height: 88px; width: 30%; max-width: 684px; float: left; background: #fff; overflow: hidden; left: 0; top: 0; }
.header .w_left .wlogo { width: 78%; max-width: 330px; position: relative; display: block; margin: 0 auto; text-align: center; }
.header .w_left .wlogo img { width: 100%; margin-top: 2%; }
.header .cc_max {  width:70%!important; float:left;  height: 100%; }


.header .m_navibox { margin-left:0%; float:left; }
.m_navi { /* width: 100%; */ /* float: right; */ }
.m_navi > ul { /* width: 100%; */ /* float: left; */ display: flex; align-items: center; }
.m_navi ul li { /* float: left; */ /* width: 14%; */ width:128px; position: relative; z-index: 12; }
.m_navi ul li > a { float: left;  width:100%; font-size: 18px;  height:88px; color: #fff; padding: 0 0px; text-align: center; line-height: 88px;
 font-weight: normal; position: relative; z-index: 9; text-transform: capitalize; display: flex; align-items: center; border-bottom: 8px solid #26395a;   overflow: hidden; }
/*.m_navi ul li:hover > a,.m_navi ul li.active > a { background: #01466c; }*/


.m_navi ul li font.navi11{ float: left; width:100%; height:88px;  font-size: 18px; color: #fff; padding: 0 0; text-align: center; line-height: 88px; font-weight: normal; position: absolute; z-index: 5; left:0; top:0;   opacity:1; transition: all  0.5s;   }


.m_navi ul li:hover font.navi11{ opacity:0;  top:88px;  transition: all  0.5s;  }

.m_navi ul li font.navi12{ float: left; width:100%; height:88px;  font-size: 18px; color: #fff; padding: 0 0; text-align: center; line-height: 88px; font-weight: normal; position: absolute; z-index: 11; left:0; top:-84px;  transition: all  0.5s;   }

.m_navi ul li:hover font.navi12{ float: left; width:100%; top:0; height:88px;  font-size: 18px; color: #fff; padding: 0 0; text-align: center; 
line-height: 88px; font-weight: normal; position: absolute; z-index: 11; left:0; top:0;   background: #26395a;    transition: all  0.5s;  }


.m_navi ul li .s_pbgc { width: 100%; height: auto; float: left; position: absolute; z-index:122; left: 0%; top: 86px; margin: 0 auto; right: 0; background: rgba(0,0,0,0); display: none; }
.m_navi ul li:hover .s_pbgc { display: block; }

.s_pbgc dl { width: 100%; text-align: center; float: left; padding-top: 10px; }

.s_pbgc dl dt { width: 100%; height: 40px; float: left; margin:0% 0% 0% 0%;  position: relative;  overflow: hidden;  }
.s_pbgc dl dt a { width: 100%; height: 40px; margin:0% 0 0 0; background: rgba(1,104,162,0); float: left; font-size: 16px; color: #fff; 
text-align: center; line-height: 20px; padding:0px 0;    overflow: hidden; }
.s_pbgc dl dt a:hover { background: rgba(1,104,162,1); }

.s_pbgc dl dt a span.span1{ width: 100%; height: 40px; margin:0% 0 0 0; background: rgba(1,104,162,.7); float: left; font-size: 16px; color: #fff; text-align: center; line-height: 40px; padding:0px 0;  position: absolute; z-index: 5; left:0%; top:0;   overflow: hidden;  transition: all  0.5s; }

.s_pbgc dl dt a span.span2{ width: 100%; height: 40px; margin:0% 0 0 0; background: rgba(1,104,162,1); float: left; font-size: 16px; color: #fff; text-align: center; line-height: 40px; padding:0px 0;  position: absolute; z-index: 7; left:-100%; top:0;   overflow: hidden;  transition: all  0.5s;  }


.s_pbgc dl dt a:hover span.span1{ width: 100%; height: 40px; margin:0% 0 0 0; background: rgba(1,104,162,.7); float: left; font-size: 16px; color: #fff; text-align: center; line-height: 40px; padding:0px 0;  position: absolute; z-index: 5; left:100%; top:0;   overflow: hidden;  transition: all  0.5s; }

.s_pbgc dl dt a:hover span.span2{ width: 100%; height: 40px; margin:0% 0 0 0; background: rgba(1,104,162,1); float: left; font-size: 16px; color: #fff; text-align: center; line-height: 40px; padding:0px 0;  position: absolute; z-index: 7; left:0%; top:0;   overflow: hidden;  transition: all  0.5s;  }



.header .m_seabox { float: left; height: 80px; padding: 0 0% 0 17px !important; position: relative; margin-right: 0%; }
.m_seabox .m_sea1 { width: 170px; height: 30px; background: #044770; border: none; border-radius: 30px; float: left; padding: 5px 10px 5px 10px; cursor: pointer; position: relative; z-index: 5; margin-top: 20px; font-size: 14px; color: #a4b3c0; text-align: left; line-height: 30px; font-weight: normal; }
.m_seabox .m_sea1 img { width: 18px; float: left; margin: 8px 10px 0 0; }
.m_seabox .m_sea1 a { font-size: 14px; color: #a4b3c0; text-align: left; line-height: 30px; font-weight: normal; }

/* 3g */
.m_header { height: 80px; width: 100%; float: left; position: relative; z-index: 100; }
.m_header .w { position: relative; height: auto; }
.m_header .logo { width: 70%; position: relative; float: left; margin: 3% 0 0 3%; text-align: center; }
.m_header .logo img { height: 100%; }

.m_header .header_menu { width: 50px; float: left; margin: 4% 0 0 5%; }
.m_header .header_menu img { width: 100%; }



.panelbg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.8); display: block; }



html, body { }

.section { position: relative; z-index: 80; /* overflow: hidden; */ }
.section.second { overflow: hidden; }
/*.section .fp-tableCell { float: left; display: flex; align-items: center; }*/

/*第一屏*/
.first { padding-top: 0px; }

.m_banner {width:100%; height: 100vh; float: left; margin-top: 0px; position: relative; z-index: 12; }

.mainbox{display:none;}

#certify2 { position: relative; width: 100%; }
#certify2 .swiper { padding-bottom: 0px; }
#certify2 .swiper-slide { width: 100% !important; background: #fff; }
#certify2 .swiper-slide img{width:100% !important;}
#certify2 .swiper-pagination { width: 100%; bottom: 20px; }
#certify2 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; border: none; background-color: #fff; width: 42px; height: 4px; opacity: 1; border-radius: 0px; }
#certify2 .swiper-pagination-bullets .swiper-pagination-bullet-active { border: none; background-color: #023894; border-radius: 0px; }
#certify2 .swiper-button-prev1 { width:172px !important; height:63px !important; background: url(../img/fye.png) no-repeat left top rgba(38,57,90,.5);
 position: absolute; top: 93.3%!important;   left: 84% !important; outline: none; margin: 0 0 0 0 !important;  background-size:100% 100%; opacity: 1 !important; display: inline-block; z-index: 71; }
#certify2 .swiper-button-prev1:after {/*width:1px; height:20px; float:left;  top:20px; right:0; background:#fff;  position: absolute;*/ content: ''; }
#certify2 .swiper-button-next1 { width: 84px !important; height: 63px !important; background: none;
 position: absolute; top: 93.2%; left: 88.9%; outline: none; margin: 0 0 0 0 !important; background-size:cover; opacity: 1 !important;
 display: inline-block; z-index: 72; }

#certify2 .swiper-button-next1::after { content: ''; }
.m_index { width: 100%; float: none; position: relative; display: block; margin: 0 auto; }


.wenzi { width: 44%; max-width: 834px; float: left; position: absolute; z-index: 15; left: 0%; margin-left: 200px; top: 25%; transform: translateY(-180%); transition: all 1s ease-out 0.3s; display: block; }
.wenzi img { width: 100%; }

.cbgc { width: 100%; height: 100vh; float: left; position: relative; z-index: 5; left: 0%; top: 0; }
.cbgc img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: fill; }



.arrow { opacity: 0; animation: arrow 3s cubic-bezier(.5,0,.1,1) infinite; -webkit-animation: arrow 3s cubic-bezier(.5,0,.1,1) infinite;
 position: absolute; bottom: 0px; left: 0%; margin-left: 0px; width: 80px; height: 80px; line-height: 80px;
 cursor: pointer; z-index: 60; background-image: url(../img/down.png); /* 这里放箭头图片路径 */ background-repeat: no-repeat;
 background-size: 100%; }




/*第一屏动画*/
.first.active img { margin: 0; opacity: 1; transition: all 1s ease-out 0.3s; }

.first.active .wenzi { opacity: 1; transform: translateY(0%); transition: all 1s ease-out 0s; }

/*第三屏动画*/
/*#certify1 { transform: translateY(180%); transition: all 1s ease-out 0.3s; }
.third.active #certify1 { transform: translateY(0%); }
.m_four dl { transform: translateY(180%); transition: all 1s ease-out 0.3s; }
.fourth.active .m_four dl { transform: translateY(0%); }*/
.z_nn { transform: translateY(180%); transition: all 1s ease-out 0.3s; }
.fifth.active .z_nn { transform: translateY(0%); }


/*第二屏*/
.second { padding: 0px; background: url(../img/bgc2.jpg) no-repeat center bottom; background-size: 100% 100%; }

.m_about { width: 100vw; height: 100vh; float: left; position: relative; z-index: 12; }
.m_aboleft { width: 50%; height: 100vh; float: left; position: relative; z-index: 12; }

.m_atxt { width: 72%; float: left; margin: 18% 10% 0 17%; transform: translateX(-260%); transition: all 0.25s ease-out 0.05s; }

.m_atxt_cokk { width: 100%; float: left; }

.m_atxt_cokk img { max-width: 100%; }

.m_atxt h3 { width: 100%; float: left; margin-top: 10%; font-size: 24px; color: #333; text-align: left; line-height: 40px; position: relative; text-transform: uppercase; }

.m_atxt h3 img { width: 100%; }


.m_atxt h4 { width: 100%; float: left; margin: 6% 0 4% 0; font-size: 16px; color: #666666; text-align: left; line-height: 30px; font-weight: normal; position: relative; }



.m_atxt h5 { width: 100%; float: left; margin: 2% 0 4% 0; position: relative; }

.m_atxt h5 a { width: 180px; height: 70px; float: left; background: #fff; border: 1px solid #0168a2; border-radius: 40px; font-size: 18px; color: #0168a2; text-align: center; line-height: 70px; font-weight: normal; }

.m_aboimg { width: 40%; height: 50vh; float: left; margin: 13% 0 0 2%;  transform: translateX(280%); transition: all 0.5s ease-out 0.3s;
 background-repeat: no-repeat; background-position: top;background-attachment: fixed; background-size: cover; position: relative; }

.m_aboimg img { width: 100%; border-radius: 20px; }


.m_aboimg  video{display:none;}

.m_abobg { width: 100%; height: 220px; float: left; background: #1e2d3b; position: absolute; z-index: 30; left: 0; bottom: 0; transform: translateY(100%); transition: all 1s ease-out 0.5s; }



.second.current .m_atxt { transform: translateX(0%); transition: all 0.25s ease-out 0.2oim.s; }

.second.current .m_aboimg { transform: translateX(0%); transition: all 0.5s ease-out 0.1s; }

.second.current .m_abobg { transform: translateY(0%); transition: all 0.7s ease-in 0.3s; }



/*第三屏*/
.third { padding: 0; width: 100vw; height: 100vh; background: url(../img/bgc3.jpg) no-repeat center bottom; background-size: 100%; }


.m_third { width: 88%; max-width: initial;  float: none; display: block; margin: 0 auto; padding: 1% 0; overflow: hidden; }

.m_third h3 { width: 100%; float: left; display: inline-block; font-size: 48px; color: #1d2b39; text-align: center; line-height: 90px; position: relative; text-transform: uppercase; }

.m_third h3::after { width: 110px; height: 6px; float: left; background: #1e2d3b; position: absolute; left: 50%; margin-left: -55px; bottom: 0; content: ''; }


#certify1 { position: relative; width: 100%; height:70vh;  float: left; margin: 3% 0 2% 0%; }
#certify1 .swiper { position: relative; width: 100%; }
#certify1 .swiper-wrapper { width: 100% !important; padding-bottom: 0px; position: relative; }
#certify1 .swiper-slide { position: relative; width: 100% !important; }
#certify1 .swiper-pagination { width: auto; bottom: -20px; }

#certify1 .swiper-pagination .swiper-pagination-total { color: #394867; font-size: 18px; font-weight: normal; }

#certify1 .swiper-pagination .swiper-pagination-current { color: #394867; font-size: 18px; font-weight: bold; }


/*
#certify1 .swiper-slide .swi_txt {   transform: translateX(-160%); transition: all 0.75s ease-out 0.3s; }

.second.current  .swi_txt {   transform: translateX(0%); transition: all 0.75s ease-out 0.3s; }
*/


.swi_txt { width: 30%; max-width: 400px; float: left;  }

.m_swi_cokk { width: 100%; float: left; }

.m_swi_cokk img { max-width: 100%; }


.swi_txt h4 { width: 100%; float: left; margin: 6% 0 6% 0; font-size: 16px; color: #666666; text-align: left; line-height: 30px; font-weight: normal; position: relative; }


.swi_txt ul { width: 100%; float: left; }

.swi_txt ul li { width: 100%; height: auto !important; min-height: 30px; float: left; margin-bottom: 5px; }

.swi_txt ul li a { width: 100%; float: left; height: 30px; font-size: 18px; color: #394867; text-align: left; line-height: 30px; font-weight: normal; }

.swi_txt ul li a:hover { font-weight: bold; }


.swimg1 { width: 70%; max-width: 930px; float: right; }

.swimg1 ul { width: 100%; float: left; margin: 5% 0 0 0; }

.swimg1 ul li { width: 46%; float: left; margin: 3% 0 0 3%; }

.swimg1 ul li a { width: 100%;  height:16.6rem; float: left; position: relative; z-index: 10; border-radius: 20px; overflow:hidden; }

.swimg1 ul li a img { position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    object-fit: cover;
    top: 0;
    border-radius: 20px;
 transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;}
.swimg1 ul li a:hover img {transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transition:all 0.4s linear;-ms-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;}



.swimg1 ul li a .imgbg { width: 100%; height: 60px; float: left; background: rgba(57,72,103,.5); position: absolute; z-index: 5; left: 0; bottom: 0; font-size: 18px; color: #fff; text-align: center; line-height: 60px; font-weight: bold; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; display: none; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }

.swimg1 ul li a:hover .imgbg { display: block; }


.int_more { width: 100%; max-width: 248px; text-align: center; height: 40px; line-height: 40px; font-size: 18px; color: #333; text-align: center; line-height: 40px; font-weight: normal; }
.int_more a { font-size: 18px; color: #333; text-align: center; line-height: 40px; font-weight: normal; }

.int_more:hover a { color: #023894; font-weight: bold; text-transform: uppercase; }


.border_animation { border: 1px solid #aaa; width: 250px; height: 40px; position: relative; }
.border_animation .border_top { position: absolute; height: 2px; width: 0; font-size: 0; background: #023894; top: -2px; left: -2px; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.border_animation .border_right { position: absolute; height: 0px; width: 2px; font-size: 0; background: #023894; bottom: 0; right: 0; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.border_animation .border_bottom { position: absolute; height: 2px; width: 0px; font-size: 0; background: #023894; right: 0; bottom: 0; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.border_animation .border_left { position: absolute; height: 0px; width: 2px; font-size: 0; background: #023894; left: -2px; top: -2px; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.int_more .hover .border_top, .int_more .hover .border_bottom { width: 250px; }
.int_more .hover .border_left, .int_more .hover .border_right { height: 42px; }

.second.current .swi_txt { transform: translateX(0%); transition: all 0.7s ease-out 0.3s; }


/*第四屏*/
.fourth { padding: 0; width: 100vw; height: 100vh; background: #e9ebee; }



.m_four { width: 88%; max-width: initial; float: left; margin-left: 6%; }


.m_four_cokk { width: 100%; float: left; position: relative;  left: 0%; margin-top: 8%; }

.m_four_cokk img { max-width: 100%; }

.m_four_cokk ul {  position: relative; z-index: 18; float: right; width: 300px; margin: 4% 0 0 0; }

.m_four_cokk ul li { float: left; width:60px; margin: 3% 2% 0 2%;  background:#e9ebee;  border-radius:4px;  text-align: center; }
.m_four_cokk ul li:last-child { float: left; width:60px; margin: 3% 0% 0 2%;  text-align: center; }

.m_four_cokk ul li a { float: left;  width:60px; font-size: 14px; color: #333333; text-align: center; line-height: 30px; font-weight: normal; }

.m_four_cokk ul li a:hover { font-weight: bold; }


.m_four_list { width: 94%; position: relative; z-index: 15; left:0%; margin-left:2%; top: -16.2%;  overflow: hidden;}

#certify3 { width: 100%; float: left; margin: 0%;   position: relative;   overflow: hidden; }
#certify3 .Swiper3 { position: relative; width:93%;  float:left;   margin-left:4%;     overflow: hidden;}
 
#certify3 .swiper-slide { position: relative; z-index: 16; /*width: 25% !important; */ height: 100vh;background: rgba(22,100,107,0); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
  

#certify3 .swiper-slide:hover { position: relative; z-index: 25; width: 25% !important; height: 100vh; background: #394867; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

#certify3 .swiper-slide .swi_con { width: 88%; float: left; margin: 78% 0 0 6%; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

#certify3 .swiper-slide:hover .swi_con { width: 88%; float: left; margin: 60% 0 0 6%; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

#certify3 .swiper-slide .swi_con h3 { width: 100%; float: left; font-size: 36px; color: #333333; text-align: left; line-height: 40px; font-weight: bold; }

#certify3 .swiper-slide .swi_con h4 { width: 100%; float: left; height:30px; margin: 3% 0 4% 0; font-size: 18px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

#certify3 .swiper-slide .swi_con h5 { width: 100%; height: 60px; float: left; margin: 1% 0 6% 0; font-size: 14px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

#certify3 .swiper-slide .swi_con h6 { width: 100%; height: 40px; float: left; margin: 0% 0 8% 0; font-size: 14px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; display: none; overflow: hidden; }

#certify3 .swiper-slide .swi_con img { width: 100%; border-radius: 10px; display: none; }


#certify3 .swiper-slide:hover .swi_con h3, #certify3 .swiper-slide:hover .swi_con h4 { color: #fff; }
#certify3 .swiper-slide:hover .swi_con h5 { color: #8b919d; }
#certify3 .swiper-slide:hover .swi_con h6, #certify3 .swiper-slide:hover .swi_con img { display: block; }

#certify3  .swiper-button-prev{margin-left:0px; background:#e9ebee;  }

#certify3  .swiper-button-next{margin-right:0px; background:#e9ebee; }
.mob_four_list { width: 100%; position: relative; z-index: 15; margin:1% 0 3% 3%;  overflow: hidden; display:none; }

 

/*第五屏*/

.fifth { padding: 0; width: 100vw; height: 100vh; background: #fff; position: relative; z-index: 8; }



.m_fifth { width: 80%; max-width: initial; float: left; margin-left: 10%; }


.m_fifth_left { width: 40%; max-width: 350px; float: left; position: relative; z-index: 4; left: 0%;  }


.m_fifth_cokk { width: 100%; float: left; position: relative; z-index: 4; left: 0%; }

.m_fifth_cokk img { max-width: 100%; }


.fifth_txt { width: 100%; float: left; height: auto; margin: 8% 0 0 0; font-size: 14px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }


.fifth_imgs { width: 60%; float: right; position: relative; z-index: 4; left: 0%; overflow: hidden; }



.fifth_imgs .swiper { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }


.fifth_imgs .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; box-shadow: 0 0 5px 2px rgba(57,72,103,.1); background: #fff; border-radius: 10px; }
.fifth_imgs .swiper-slide img { width: 100%; border-radius: 10px; }


#certify4 { position: relative; width: 98%; display: block; margin: 20px auto 30px auto; }
#certify4 .swiper-container { padding-bottom: 20px; }
#certify4 .swiper-slide { text-align: center; width: 33%; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#certify4 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }

#certify4 .swiper-slide img { width: 100%;
	-webkit-transition: -webkit-transform 2s ease-out;
	-moz-transition: -moz-transform 2s ease-out;
	-o-transition: -o-transform 2s ease-out;
	-ms-transition: -ms-transform 2s ease-out; }

#certify4 .swiper-slide:hover img{	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);}  
#certify4 .swiper-pagination {width: 30%!important;float: right;bottom:-20px;left: 50%;margin-left: 22%;}
#certify4 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; }
#certify4 .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; -webkit-tap-highlight-color: transparent; outline: none; }


.cert41{display:block;}


.fifth_links { width: 100%; float: left; position: absolute; z-index: 4; margin-left: 0%; bottom: 20px; overflow: hidden; }


.fifth_links h3 { width: 30%; max-width: 110px; height: 50px; float: left; font-size: 34px; color: #023894; line-height: 50px; font-weight: normal; text-transform: uppercase; }

.fifth_links ul { float: left; width: 68%; }
.fifth_links ul li { float: left; margin: 10px 0 0px 10px; }
.fifth_links ul li a { font-size: 14px; color: #999999; text-align: center; line-height: 30px; font-weight: normal; }
.fifth_links ul li a:hover { color: #333; }




/*第六屏*/
.six { padding: 0; width: 100vw; height: 100vh; background: #f1f4f9 url(../img/bg6.jpg) no-repeat top right; background-size: 30% 100%; }


.six_left { width: 70vw; float: left; }



.six_con { width: 84%; float: right; height: 60vh; margin: 5% 0 5% 0; }

.six_type { width: 40%; max-width: 300px; float: left; }


.m_six_cokk { width: 100%; float: left; position: relative; z-index: 4; left: 0%; }

.m_six_cokk img { max-width: 100%; }

.six_txt { width: 100%; float: left; height: auto; margin: 20% 0 0 0; font-size: 14px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }


.six_txt h4 { width: 100%; float: left; height: auto; margin: 4% 0 5% 0; font-size: 18px; color: #333; text-align: left; line-height: 30px; font-weight: bold; }


.six_txt ul { width: 100%; float: left; margin:2% 0 0 0; position: relative; z-index: 10; }


.six_txt ul li { width: 40px; float: left; position: relative; z-index: 4; margin: 0px 10px 10px 10px; }

.six_txt ul li img.iimg1 { width: 30px; float: left; display: block; }
.six_txt ul li img.iimg2 { width: 30px; float: left; display: none; }


.six_txt ul li:hover img.iimg1 { width: 30px; float: left; display: none; }
.six_txt ul li:hover img.iimg2 { width: 30px; float: left; display: block; }


.six_txt ul li:first-child .etxt1 { width: 120px; height: 40px; float: left; display: block; margin-left: -54px; margin-top: 10px; padding: 4px 8px 4px 8px; background: #2d3b59; border-radius: 10px; font-size: 14px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; display: none; }

.six_txt ul li:first-child:hover .etxt1 { width: 140px; height: 40px; float: left; display: block; margin-left: -54px; margin-top: 10px; padding: 4px 8px 4px 8px; background: #2d3b59; border-radius: 10px; font-size: 14px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; display: block; }

.six_txt ul li:last-child .eimg { width: 108px; float: left; display: block; margin-left: -40px; margin-top: 10px; padding: 8px 8px 0 8px; background: #2d3b59; border-radius: 10px; display: none; position: absolute; top:20px; }

.six_txt ul li .eimg img { width: 100%; border-radius: 0; }

.six_txt ul li:last-child:hover .eimg { width: 108px; float: left; display: block; margin-left: -40px; margin-top: 10px; padding: 8px 8px 0 8px; background: #2d3b59; border-radius: 10px; display: block;  position: absolute; top:20px; }



.six_table { width: 60%; float: right; height: auto; margin: 12% 0 0 0; font-size: 14px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }


.six_table input.inpx1 { width: 30%; height: 40px; float: left; margin: 3% 3% 0 0; background: transparent; border: none; border-bottom: 1px solid #2d3b59; font-size: 14px; color: #394867; text-align: left; line-height: 40px; font-weight: normal; padding: 5px 0; }
input.inpx1::-webkit-input-placeholder { /* WebKit browsers */ color: #394867; }
input.inpx1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #394867; }
input.inpx1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #394867; }
input.inpx1:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #394867; }



.six_table textarea.inpx2 { width: 96%; height: 120px; float: left; margin: 2% 0% 0 0; background: transparent; border: none; border-bottom: 1px solid #2d3b59; font-family: 'Microsoft YaHei'; font-size: 14px; color: #394867; text-align: left; line-height: 30px; font-weight: normal; padding: 10px 0; }
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell { height: auto !important; }


.six_table input.inpx3 {position: relative;z-index: 12;  width: 30%; max-width: 180px; height: 70px; float: left; margin: 6% 0% 3% 0; background: #0168a2; border: none; border-radius: 40px; font-size: 24px; color: #fff; text-align: center; line-height: 70px; font-weight: normal; }

.current fp-auto-height { height: auto !important; }


.c_foot { position: absolute; height: 64px; width: 70vw; left: 0; bottom: 0; border-top: 1px solid #dcdcdc; }
.c_foot .c_center { height: 100%; width: 84%; float: right; font-size: 14px; color: #999999; text-align: left; line-height: 64px; font-weight: normal; }
.c_foot .c_center a { color: #999; }
.z_top { position: fixed; right: 80px; bottom: 15%; z-index: 9; }

.z_sea { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.6); position: fixed; z-index: 99; display: none; }
.z_sea .sea { width: 100%; float: left; height: 220px; background: #fff; display: none; }
.z_sea .sea .z_max { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; flex-flow: column; }
.z_sea .sea .z_max .close { position: absolute; top: 30px; right: 0; cursor: pointer; }
.z_sea .sea .z_max .ss { width: 1028px; max-width: 94%; display: flex; align-items: flex-start; flex-flow: column; }
.z_sea .sea .z_max .ss .h1 { width: 100%; border-bottom: 3px solid #1e2d3b; padding-bottom: 20px; margin-bottom: 20px; display: flex; align-items: center; }
.z_sea .sea .z_max .ss .h1 h1 { font-size: 48px; color: #1e2d3b; font-weight: normal; text-transform: capitalize; }
.z_sea .sea .z_max .ss .h1 .wz { flex: 1; font-size: 18px; border: none; background: none; margin: 0 20px; outline: none; height: 45px; }
.z_sea .sea .z_max .ss .h1 h2 { position: relative; }
.z_sea .sea .z_max .ss .h1 h2 img { }
.z_sea .sea .z_max .ss .h1 h2 input { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; }
.z_sea .sea .z_max .ss .h2 { font-size: 18px; color: #999; }

.z_banner { width: 100%; float: left; height: 100vh; position: relative; background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover; }
.z_banner h1 { position: absolute; width: 100%; display: flex; align-items: center; justify-content: center; left: 0; top: 34%; transform: translateY(-50%); z-index: 2; }
.z_banner h1 span { font-weight: normal; font-size: 60px; color: #fff; text-transform: capitalize; padding-bottom: 35px; position: relative; }
.z_banner h1 span::before { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; height: 5px; background: #fff; width: 80%; }


.z_fanye { width: 100%; float: left; display: flex; align-items: center; justify-content: space-between; margin-bottom: 165px; }
.z_fanye span { display: flex; align-items: center; justify-content: center; width: 250px; height: 50px; background: #1e2d3b; font-size: 18px; color: #fff; text-transform: uppercase; }

.z_fhshang { width: 100%; float: left; display: flex; align-items: center; justify-content: center; margin-bottom: 105px; height: 80px; box-sizing: border-box; border: 1px solid #1e2d3b; }

@keyframes arrow {
    %0,%100 { bottom: 10px; opacity: 1; }
    50% { bottom: 50px; opacity: .5; }
}

@-webkit-keyframes arrow {
    %0,%100 { bottom: 10px; opacity: 1; }
    50% { bottom: 50px; opacity: .5; }
}

.z_head { display: none; }
.z_nav { display: none; }


#fp-nav { display: block; }

/*about*/

.s_max { position: relative; overflow: hidden; }

.m_aboutbg { width: 100%; height: auto !important; min-height: 820px; float: left; margin: 88px auto 0 auto; right: 0; background: url(../img/abo_bgc.jpg) no-repeat right bottom; background-size: 100%; }


.s_center { width: 80%; max-width: initial; float: none; display: block; margin: 0 auto; padding: 1% 0;/* overflow: hidden; */}


.s_inc_cokk { width: 100%; float: left; font-size: 14px; color: #333333; text-align: left; line-height: 40px; font-weight: normal; }

.s_inc_cokk a { color: #333; }
.s_inc_cokk a:hover { color: #023894; }



.s_abo_cokk { width: 100%; float: left; margin: 4% 0 0% 0; }

.s_abo_cokk { width: 100%; float: left; margin: 2% 0 0% 0; }
.s_abo_cokk .s_aleft { width: 30%; float: left; }

.s_abo_cokk .s_aleft img { max-width: 100%; display: block; }


.s_abo_cokk .s_aleft a { width: 70px; height: 35px; margin: 2% 0 0 0; float: left; background: #0168a2; border: none; font-size: 16px; color: #fff; text-align: center; line-height: 35px; font-weight: normal; overflow: hidden; }


.s_abo_cokk .s_arig { width: 70%; float: left; margin: 20px 0 0 0; }

.s_abo_cokk .s_arig ul { width: auto; max-width: 100%; float: right; }

.s_abo_cokk .s_arig ul li { width: 125px; height: 50px; float: left; margin: 0 0 0 20px; }

.s_abo_cokk .s_arig ul li a { width: 100%; float: left; background: #eee; border: none; border-radius: 40px; font-size: 18px; color: #333; text-align: center; line-height: 50px; font-weight: normal; }

.s_abo_cokk .s_arig ul li a:hover, .s_abo_cokk .s_arig ul li a.ahov { background: #0168a2; color: #fff; font-weight: bold; }



.s_abo_cokk .s_prorig { width: 100%; float: left; margin: 20px 0 0 0; }

.s_abo_cokk .s_prorig ul { float: right; }

.s_abo_cokk .s_prorig ul li { height: 50px; float: left; margin: 0 0px 0 20px; }

.s_abo_cokk .s_prorig ul li a { float: left; background: #eee; border: none; border-radius: 40px; font-size: 18px; color: #333; text-align: center; line-height: 50px; font-weight: normal; padding: 0 20px; }

.s_abo_cokk .s_prorig ul li a:hover, .s_abo_cokk .s_prorig ul li a.ahov { background: #0168a2; color: #fff; font-weight: bold; }




.s_atxt { width: 46%; float: left; margin: 3% 10% 0 0%; /*transform: translateX(-260%); transition: all 1s ease-out 0.3s;*/ }

.s_atxt_cokk { width: 100%; float: left; }

.s_atxt_cokk img { max-width: 100%; }

.s_atxt h3 { width: 100%; float: left; margin-top: 2%; font-size: 24px; color: #333; text-align: left; line-height: 40px; position: relative; text-transform: uppercase; }

.s_atxt h3 img { width: 100%; }


.s_atxt h4 { width: 100%; float: left; margin: 6% 0 4% 0; font-size: 16px; color: #666666; text-align: left; line-height: 30px; font-weight: normal; position: relative; }



.s_atxt h5 { width: 100%; float: left; margin: 2% 0 4% 0; position: relative; }

.s_atxt h5 a { width: 180px; height: 70px; float: left; background: #fff; border: 1px solid #0168a2; border-radius: 40px; font-size: 18px; color: #0168a2; text-align: center; line-height: 70px; font-weight: normal; }

.s_video {display:none; width: 40%; height: 50vh; float: left; margin: 4% 0 0 2%; background-size: cover; position: relative; }

.s_video img { width: 100%; border-radius: 20px;  transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;}

.s_video:hover img {transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transition:all 0.4s linear;-ms-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;}



.s_foot { width: 100%; height: 40px; float: left; position: relative; z-index: 20; background: #fff; border-top: 1px solid #bfbfbf; }



.s_foot_center { width: 80%; max-width: initial; float: none; display: block; margin: 0 auto; padding: 0% 0; }


.s_foottxt { width: 60%; float: right; height: auto; margin: 0; font-size: 14px; color: #999999; text-align: right; line-height: 40px; font-weight: normal; }


.s_foot ul { width: 30%; float: left; margin: 0% 0 0 0; position: relative; z-index: 10; border-left: 1px solid #bfbfbf; }


.s_foot ul li { width: 40px; float: left; position: relative; z-index: 4; margin: 0px 0px 0px 0px; padding: 0 10px; border-right: 1px solid #bfbfbf; cursor: pointer; }

.s_foot ul li img { float: left; display: block; margin: 0; }

.s_foot ul li:first-child .eftxt1 { min-width: 220px; height: auto; float: left; display: block; left: -10px; bottom: 50px; 
padding: 4px 8px 4px 8px; background: #fff; border: 3px solid #2d3b59; border-radius: 10px; font-size: 21px; color: #2d3b59; 
text-align: left; line-height: 30px; font-weight: normal; display: none; position: absolute; z-index: 18; }

.s_foot ul li:first-child .eftxt1 img { width: 20px; float: left; margin: 10px 10px 20px 10px; }


.s_foot ul li:first-child:hover .eftxt1 { min-width: 220px; height: auto; float: left; left: -10px; bottom: 50px;
 padding: 4px 8px 4px 8px; background: #fff; border: 3px solid #2d3b59; border-radius: 10px;
 font-size: 21px; color: #2d3b59; text-align: left; line-height:30px; font-weight: normal; display: block; position: absolute; z-index: 18; }

.s_foot ul li:last-child .efimg { width: 145px; float: left; border: 10px solid #2d3b59; display: none; position: absolute; left: -10px; bottom: 50px; border-radius: 20px; z-index: 15; }

.s_foot ul li .efimg img { width: 100%; border-radius: 10px; }

.s_foot ul li:last-child:hover .efimg { width: 145px; float: left; border: 10px solid #2d3b59; display: block; position: absolute; left: -10px; bottom: 50px; border-radius: 20px; z-index: 15; }




.s_abobox { width: 100%; height: auto !important; min-height: 300px; float: left; margin: 2% 0 4% 0; padding: 3% 0 3% 0; box-shadow: 0 0 5px 2px rgba(0,0,0,0); background: #fff; border-radius: 10px; }


.s_acomp { width: 93%; float: left; margin: 0% 0 4% 4%; font-size: 16px; color: #666666; text-align: left; line-height: 30px; font-weight: normal; position: relative; }

.s_acomp h4 { width: 100%; float: left; font-size: 24px; color: #333; text-align: center; line-height: 30px; font-weight: bold; padding: 1% 0 1% 0; }

.s_acomp img { max-width: 100%; display: block; margin: 0 auto; }

/* fazhanlinian */


.s_fazhan { width: 100%; height: auto !important; min-height: 300px; float: left; margin: 2% 0 4% 0; padding: 3% 0 3% 0; }

.s_fazhan ul { width: 100%; float: left; }

.s_fazhan ul li { width: 46%; float: left; margin: 0% 2% 3% 1%; height: auto !important; min-height: 100px; background: #fff; border: 1px solid #fff; }
.s_fazhan ul li:hover { width: 46%; float: left; margin: 0% 2% 3% 1%; height: auto !important; min-height: 100px; background: #fff url(../img/diwen.png) no-repeat right bottom; background-size: 60px; border: 1px solid #0168a2; }

.s_fazhan ul li img.imga1 { width: 80px; float: left; margin: 2% 0 2% 3%; display: block; }
.s_fazhan ul li img.imga2 { width: 80px; float: left; margin: 2% 0 2% 3%; display: none; }

.s_fazhan ul li:hover img.imga1 { width: 80px; float: left; margin: 2% 0 2% 3%; display: none; }
.s_fazhan ul li:hover img.imga2 { width: 80px; float: left; margin: 2% 0 2% 3%; display: block; }


.s_fazhan ul li .fzbox { width: 74%; float: left; height: 60px; float: left; margin: 3% 0 0 2%; }


.s_fazhan ul li .fzbox .biaoti { width: 100%; height: 30px; float: left; font-size: 18px; color: #0168a2; text-align: left; line-height: 30px; font-weight: bold; }


.s_fazhan ul li .fzbox .xiangxi { width: 100%; height: 40px; float: left; font-size: 16px; color: #333; text-align: left; line-height: 20px; font-weight: normal; }


/*qiyewenhua*/


.s_qiye { width: 100%; height: auto !important; min-height: 300px; float: left; margin: 2% 0 4% 0; padding: 3% 0 3% 0; }


.s_qiye_type { width: 54%; float: left; }

.s_qiye_type ul { width: 100%; float: left; }

.s_qiye_type ul li { width: 94%; float: left; margin: 2% 2% 3% 8%; height: auto !important; min-height: 110px; background: #fff; border: 1px solid #f2f2f2; }

.s_qiye_type ul li img { width: 60px; float: left; margin: 2% 0 2% 3%; display: block;  
	-webkit-transition: -webkit-transform 2s ease-out;
	-moz-transition: -moz-transform 2s ease-out;
	-o-transition: -o-transform 2s ease-out;
	-ms-transition: -ms-transform 2s ease-out;
}
.s_qiye_type ul li:hover img{
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.s_qiye_type ul li .qybox { width: 78%; float: left; height: 60px; margin: 3% 0 0 2%; }


.s_qiye_type ul li .qybox .biaoti { width: 100%; height: 30px; float: left; font-size: 20px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }


.s_qiye_type ul li .qybox .xiangxi { width: 100%; height: 30px; float: left; font-size: 18px; color: #0168a2; text-align: left; line-height: 30px; font-weight: bold; }



.s_qiye_imge { width: 30%; float: right; margin: 0% 10% 0 0; }


.s_qiye_imge img { width: 100%; transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;}
 .s_qiye_imge:hover img {transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transition:all 0.4s linear;-ms-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;}
/* about-history */

.mob_histbox{display:none; }

.histbox{width:100%; float:left; background:none; margin:0% 0 0 0; display:block;}
.about-history{ height:560px; padding:14px 26px 20px 26px;   -webkit-background-size:100% 100%; background-size:100% 100%;}
.about-title {margin-bottom: 25px;}
.about-title h3 {margin: 0 0 10px;font-size:34px;font-weight:400;color: #2c2c2c;}
.about-title p {margin: 0;font-size: 36px;font-weight: 300;color: #ECECEC;}
.title-white h3{ color:#d6d6d6;}
.title-white p{ color:rgba(222,222,222,.09);}
.about-history-list{ position:relative;}
.about-history-list .flex-viewport{ padding:0 40px;}
.about-history-list .flex-viewport:before{ position:absolute; top:50%; right:0; left:0; border-top:2px solid #0168a2; content:'';}
.about-history-list .slides li{ position:relative; width:340px; height:auto;  min-height:560px;   }

.about-history-list .slides li .item{ position:absolute; right:-32px; top:0; left:-32px; min-height:152px; padding:10px 0 0 0; background-color:#fff; border:2px solid #1e79ad; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;  border-radius:20px;}
.about-history-list .slides li .item:before{ position:absolute; bottom:-40px; left:0%; width:10px; height:10px; overflow:hidden; margin-left:-10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#fff; border:2px solid #0168a2; content:'';}
 


.about-history-list .slides li:nth-child(even) .item{ top:auto; bottom:0; padding:0;}
.about-history-list .slides li:nth-child(even) .item:before{ top:-60px; bottom:auto;}
.about-history-list .slides li:nth-child(even) .item:after{ top:auto; bottom:-45px;}
.about-history-list .slides li .item:hover{ background-color:#0168a2;}
.about-history-list .slides li .item h3{ position:absolute; z-index:1; bottom:0; right:0; left:0; height:60px; line-height:60px; margin:0; font-size:60px; font-weight:bold; color:#eff0f2; text-align:right;  -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; }
.about-history-list .slides li .item:hover h3{ color:#377cad;  } 
.about-history-list .slides li:nth-child(even) .item h3{ top:auto; bottom:0;}
.about-history-list .slides li:nth-child(even) .item h3:before{ bottom:100%; top:auto; border-width:18px 9px 0; border-color:#E2E2E2 transparent transparent;}
.about-history-list .slides li .item .desc{position:relative; height:130px; z-index:5; line-height:20px; padding:5px 26px 10px  26px; font-size:14px; color:#333; margin-bottom:20px;  overflow:hidden;}
.about-history-list .slides li .item:hover .desc{ color:#ffffff;}
.about-history-list .slides li .item .desc font{ margin:0;}
.about-history-list .slides li .item .desc font strong{display:block; margin:0; font-size:20px; line-height:40px; font-weight:bold;}
.about-history-list .flex-direction-nav{ padding:0; margin:0; list-style:none;}
.about-history-list .flex-direction-nav a{ position:absolute; top:59%; width:51px; height:51px; line-height:51px; overflow:hidden; margin-top:-80px; font-size:50px; font-family:'Microsoft YaHei'; color:#ffffff; text-align:center;}
.about-history-list .flex-direction-nav a.flex-prev{ left:0px; background:url(../img/zuo1.png) no-repeat center bottom/*#0168a2*/; border-radius:50%;  }
.about-history-list .flex-direction-nav a.flex-next{ right:0px;  background:url(../img/you1.png) no-repeat center bottom/*#0168a2*/; border-radius:50%; }
.about-history-swiper{ width:100%;}
.about-history-swiper .swiper-slide .item{ overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#fff;}
.about-history-swiper .swiper-slide .item h3{ margin:0; height:60px; line-height:60px; overflow:hidden; font-size:60px; text-align:right; color:#eff0f2; }
.about-history-swiper .swiper-slide .item .desc{ line-height:20px; padding:10px; font-size:14px; color:#929292;}
.about-history-swiper .swiper-slide .item .desc font{ margin:0;}
.about-history-swiper .about-history-pagination{ position:static; margin-top:10px;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet{ background:#fff;}




/*prod */


.s_prodbg { width: 100%; height: auto !important; min-height: 820px; float: left; margin: 88px auto 0 auto; right: 0; background-image: url(../img/ple1.png),url(../img/bgc51.jpg); background-repeat: no-repeat,no-repeat; background-position: 10px 10px, right bottom; }




.s_prolist { width: 100%; float: left; margin: 0 0 3% 0; }

.s_prolist ul { width: 102%; float: left; }

.s_prolist ul li { width: 23%; float: left; margin: 3% 2% 1% 0%; }


.s_prolist ul li a { width: 100%;  height:13.6rem;  float: left; position: relative; z-index: 6; border-radius: 20px; overflow:hidden;}

.s_prolist ul li a img {    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;     object-fit: cover;
    top: 0; border-radius: 20px; 
 transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;}
.s_prolist ul li a:hover img {transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transition:all 0.4s linear;-ms-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;}



.s_prolist ul li a .impbg { width: 100%; height: 60px; float: left; background: rgba(57,72,103,.5); position: absolute; z-index: 5; left: 0; bottom: 0; font-size: 18px; color: #fff; text-align: center; line-height: 60px; font-weight: bold; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; display: none; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }

.s_prolist ul li a:hover .impbg { display: block; }


/*fanye*/


.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; }

DIV.quotes { PADDING: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: right; }
DIV.quotes A { padding:8px 10px; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #0168a2; MARGIN-RIGHT: 8px; TEXT-DECORATION: none; border: #fff 1px solid; border-radius: 4px; background: #fff; }
DIV.quotes A:hover { padding:8px 10px; MARGIN-RIGHT: 8px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; border: #0168a2 1px solid; BACKGROUND-COLOR: #0168a2; border-radius: 4px; background: #fff; }
DIV.quotes A:active { padding:8px 10px; MARGIN-RIGHT: 8px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; }
DIV.quotes SPAN.current, DIV.quotes A.active { padding:8px 10px; FONT-WEIGHT: bold; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #fff; MARGIN-RIGHT: 8px; BORDER: #0168a2 1px solid; BACKGROUND-COLOR: #0168a2; border-radius: 4px; }
DIV.quotes SPAN.disabled { padding:8px 10px; font-family: 'Microsoft YaHei'; font-size: 14px; COLOR: #0168a2; MARGIN-RIGHT: 8px; BORDER: #0168a2 1px solid; border-radius: 4px; background: #fff; }


.s_proshow { width: 100%; height: auto; float: left; margin: 2% 0 3% 0; font-size: 18px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }


.s_proshow img { max-width: 100%; display: block; margin: 0 auto; }



.s_prol { width: 48%; height: auto; float: left; font-size: 18px; color: #394867; text-align: left; line-height: 30px; font-weight: normal; }


.s_prol h4 { width: 100%; height: auto; float: left; font-size: 20px; color: #394867; text-align: left; line-height: 30px; font-weight: bold; }


.s_prolimg { width: 46%; height: auto; float: right; font-size: 18px; color: #394867; text-align: left; line-height: 30px; font-weight: normal; }

.s_prolimg img { width: 100%; }

/*cooper*/

.s_coocon { width: 93%; float: left; margin: 0% 0 4% 4%; font-size: 16px; color: #666666; text-align: left; line-height: 30px; font-weight: normal; position: relative; }

.s_coocon h4 { width:50%; float: left; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; padding: 1% 0 1% 0; }

.s_coocon_img { width: 43%; float: right; margin: 0 2% 0 0; }

.s_coocon_img img { width: 100%; transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;}
 .s_coocon_img:hover img {transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transition:all 0.4s linear;-ms-transition:all 0.4s 
linear;-moz-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;}


/*huoban*/

.s_huobgc { width: 100%; height: auto !important; min-height: 838px; float: left; margin: 88px auto 0 auto; right: 0; background: #fff url(../img/bgc5.jpg) no-repeat center bottom; }


.s_jiaoliu { width: 100%; float: left; margin: 0% 0 1% 0; }


.s_jiaoliu ul { width: 103%; float: left; }


.s_jiaoliu ul li { width: 47%; float: left; padding: 10px 0 10px 0; border-bottom: 2px solid #3f505c; margin: 3% 3% 0 0; }

.s_jiaoliu ul li .jlbox { width: 54%; height: auto; float: left; }


.s_jiaoliu ul li .jlbox h3 { width: 100%; height: 30px; float: left; font-size: 18px; color: #26395a; text-align: left; line-height: 30px; font-weight: bold;  overflow:hidden;}


.s_jiaoliu ul li .jlbox h4 { width: 100%; height: 40px; float: left; font-size: 14px; color: #333; text-align: left; line-height: 20px; font-weight: normal;  overflow:hidden;}


.s_jiaoliu ul li .jlbox h5 { width: 100%; height: 20px; float: left; font-size: 12px; color: #26395a; text-align: left; line-height: 30px; font-weight: normal; }



.s_jiaoliu ul li .jlbox h6 { width: 100%; height: 30px; margin: 4% 0 0 0; float: left; font-size: 14px; color: #333; text-align: left; line-height: 30px; font-weight: bold; }

.s_jiaoliu ul li .jlimg { width: 40%;  height: 11rem; float: right;  position:relative; overflow:hidden;}

.s_jiaoliu ul li .jlimg img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
 transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;}
.s_jiaoliu ul li .jlimg:hover img {transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transition:all 0.4s linear;-ms-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;}
 


/*xiangxi*/


.s_shows { width: 100%; height: auto !important; min-height: 300px; float: left; margin: 2% 0 4% 0; padding: 3% 0 3% 0; box-shadow: 0 0 0px 1px rgba(0,0,0,0); background: #fff; border-radius: 10px; }


.s_xqing { width: 94%; float: left; margin: 0% 0 4% 3%; font-size: 16px; color: #666666; text-align: left; line-height: 30px; font-weight: normal; position: relative; }

.s_xqing h4 { width: 100%; float: left; font-size: 24px; color: #333; text-align: center; line-height: 30px; font-weight: bold; padding: 1% 0 1% 0; }

.s_xqing img { max-width: 100%; display: block; margin: 0 auto; }


.s_fenye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #f7f7f7; }

.s_fan1 { width: 600px; height: auto; float: left; font-family: 'Microsoft YaHei'; font-size: 14px; color: #9e9ca3; line-height: 30px; font-weight: normal; }

.s_fan1 p { font-family: 'Microsoft YaHei'; font-size: 14px; color: #333333; line-height: 30px; font-weight: normal; }

.s_fan1 p a { font-family: 'Microsoft YaHei'; font-size: 14px; color: #333333; line-height: 30px; font-weight: normal; text-decoration: none; }

.s_fan1 p a:hover { font-family: 'Microsoft YaHei'; color: #26395a; text-decoration: underline; }




.s_dianzi { width: 100%; height: auto !important; min-height: 300px; float: left; margin: 2% 0 4% 0; }

.s_dianzi ul { width: 103%; float: left; }

.s_dianzi ul li { width: 44%; height: auto; float: left; margin: 2% 2% 2% 0; padding: 1%; background: transparent; border-bottom: 2px solid #3f505c; }

.s_dianzi ul li:hover { width: 44%; height: auto; float: left; margin: 2% 2% 2% 0; padding: 1%; background: #0168a2; border-bottom: 2px solid #0168a2; }

.s_dianzi ul li a .imga1{width:100%; height:20rem; float:left; position:relative; overflow:hidden;}

 
.s_dianzi ul li a .imga1 img{ 
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	object-fit: cover;
 transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;}
.s_dianzi ul li a:hover .imga1 img {transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transition:all 0.4s linear;-ms-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;}



.s_dianzi ul li a h6 { width: 100%; height: 30px; float: left; font-size: 18px; color: #333333; line-height: 30px; font-weight: normal; text-align: left; }


.s_dianzi ul li a font { width: 100%; height: 30px; float: left; font-size: 18px; color: #333333; line-height: 30px; font-weight: bold; text-align: right; }


.s_dianzi ul li:hover h6, .s_dianzi ul li:hover font { color: #fff; }




.s_stable { width: 94%; height: auto; float: left; padding: 3%; margin: 2% 0 4% 0%; background: #0168a2; border-radius: 10px; }


.s_stab_type { width: 65%; float: left; margin: 0%; }


.s_stab_type h5 { width: 97%; float: left; padding-left: 2%; position: relative; font-size: 24px; color: #fff; text-align: left; line-height: 24px; font-weight: normal; margin: 0; }

.s_stab_type h5:after { width: 8px; height: 24px; float: left; position: absolute; left: 0; top: 0; background: #fff; border-radius: 4px; content: ''; }


.s_stab_type h6 { width: 100%; float: left; position: relative; font-size: 16px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; margin: 1% 0 1% 0; }

.stab1 { width: 45%; height: 60px; margin: 3% 2% 0 0; float: left; padding-left: 2%; background: #1b77ab; border: 1px solid #1b77ab; font-family: Microsoft YaHei; font-size: 18px; color: #fff; line-height: 58px\9; line-height: 60px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }


input.stab1::-webkit-input-placeholder,textarea.stab2::-webkit-input-placeholder {  	/* WebKit browsers */
    color: #fff;
}
input.stab1:-moz-placeholder,textarea.stab2::-moz-input-placeholder {            	/* Mozilla Firefox 4 to 18 */
    color: #fff;
}
input.stab1::-moz-placeholder,textarea.stab2::-moz-input-placeholder {           	/* Mozilla Firefox 19+ */
    color: #fff;
}
input.stab1:-ms-input-placeholder,textarea.stab2::-ms-input-placeholder {       	/* Internet Explorer 10+ */
    color: #fff;
}




.stab2 { width: 94%; height: 120px; margin: 3% 0% 2% 0; float: left; padding: 1% 1% 1% 2%; background: #1b77ab; border: 1px solid #1b77ab; font-family: Microsoft YaHei; font-size: 18px; color: #fff; line-height: 58px\9; line-height: 60px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }

.stab3 { width: 200px; height: 56px; margin: 2% 0% 0 0; float: left; background: #fff; border: 1px solid #fff; font-family: Microsoft YaHei; font-size: 20px; color: #26395a; line-height: 58px\9; line-height: 56px; text-align: center; font-weight: normal; cursor: pointer; overflow: hidden; }




.s_stab_timg { width: 34%; float: right; margin: 0%; }

.s_stab_timg img { border: 8px solid #fff; }

/*news*/

.s_newlist { width: 100%; float: left; position: relative; margin: 3% 0 4% 0; }

.s_newlist ul { width: 103%; float: left; }

.s_newlist ul li { width: 31%; float: left; height: 280px; position: relative; z-index: 8; margin: 2% 2% 1% 0; overflow: hidden; }


.s_newlist ul li .necon { width: 99%; height: 274px; float: left; border: 2px solid #26395a; background: #fff; position: relative; z-index: 6; display: block; }

.s_newlist ul li .necon h3 { width: 94%; height: 40px; float: left; margin: 6% 0 0 3%; font-size: 36px; color: #333; text-align: left; line-height: 40px; font-weight: bold; }


.s_newlist ul li .necon h4 { width: 94%; height:30px; float: left; margin: 2% 0 10px 3%; font-size: 18px; color: #333; text-align: left; line-height:30px;
 font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

.s_newlist ul li .necon h5 { width: 94%; height: 40px; float: left; margin: 2% 0 2% 3%; font-size: 14px; color: #333; text-align: left; line-height: 20px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }


.s_newlist ul li .necon h6 { width: 94%; height: 40px; float: left; margin: 4% 0 0 3%; font-size: 16px; color: #333; text-align: left; line-height: 40px; font-weight: bold; text-transform: uppercase; }



.s_newlist ul li .necbgc { width: 99%; height: 280px; float: left; border: 2px solid transparent; background: #fff; position: absolute; left: -100%; top: 0; z-index: 6; display: block; margin-left: 0%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }


.s_newlist ul li .necbgc img { width: 100%; height: 280px; position: relative; z-index: 4; }
.s_newlist ul li .necbgc .nwpbg { width: 98%; height: 60px; float: left; padding: 0 1%; background: rgba(1,104,162,.8); position: absolute; z-index: 5; left: 0; bottom: 0; font-size: 18px; color: #fff; text-align: left; line-height: 60px; font-weight: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; }

.s_newlist ul li .necbgc .nwpbg font { float: right; font-weight: bold; text-transform: uppercase; }



.s_newlist ul li:hover .necbgc { width: 99%; height: 100%; float: left; border: 2px solid transparent; background: #fff; position: absolute; z-index: 6; display: block; left: 0; top: 0; margin-left: 0%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }




.s_nscon { width: 94%; float: left; margin: 0% 0 4% 3%; font-size: 16px; color: #666666; text-align: left; line-height: 30px; font-weight: normal; position: relative; }

.s_nscon h4 { width: 100%; float: left; margin: 0 0 3% 0; font-size: 24px; color: #333; text-align: center; line-height: 30px; font-weight: bold; padding: 1% 0 1% 0; border-bottom: 1px solid #dcdcdc; }

.s_nscon h4 font { width: 100%; float: left; font-size: 14px; color: #999; text-align: center; line-height: 20px; font-weight: normal; }



.s_nscon img { max-width: 100%; display: block; margin: 0 auto; }




/*touzizheguanxi*/

.s_invebg { width: 100%; height: auto !important; min-height:810px; float: left; margin: 88px auto 0 auto; right: 0; background: #f8f8f8 url(../img/bgc7.jpg) no-repeat center top; background-size: cover; }


.s_guang1 { width: 54%; height: auto; float: left; background: #fff; margin: 2% 0 2% 0; }

.s_guang1_bt { width: 100%; height: 56px; float: left; background: #0168a2; margin: 0; }

.s_guang1_bt span { float: left; padding-left: 2%; font-size: 24px; color: #fff; text-align: left; line-height: 56px; font-weight: bold; }

.s_guang1_bt a { float: right; padding-right: 2%; font-size: 18px; color: #fff; text-align: left; line-height: 56px; font-weight: bold; text-transform: uppercase; }



.s_guang1_con { width: 100%; height: auto !important; max-height: 380px; float: left; background: #fff; margin: 0; padding-bottom: 2%; overflow: scroll; overflow-x: hidden; overflow-y: auto; }

.s_guang1_con ul { width: 94%; height: auto; float: left; }

.s_guang1_con ul li { width: 94%; height: auto; float: left; margin-left: 3%; padding: 3% 0; border-bottom: 1px solid #dcdcdc; }


.s_guang1_con ul li .g_time { width: 76px; height: 46px; float: left; border-right: 1px solid #3f505c; font-size: 18px; color: #26395a; text-align: left; line-height: 22px; font-weight: normal; }

.s_guang1_con ul li .g_time font { width: 100%; height: 22px; float: left; font-size: 18px; color: #26395a; text-align: left; line-height: 32px; font-weight: normal; }


.s_guang1_con ul li .g_xqing { width: 70%; height: 46px; float: left; margin-left: 3%; font-size: 18px; color: #26395a; text-align: left; line-height: 22px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

.s_guang1_con ul li .g_xqing font { width: 100%; height: 22px; float: left; font-size: 14px; color: #999999; text-align: left; line-height: 32px; font-weight: normal; }



.s_guang2_bt { width: 100%; height: 56px; float: left; background: #fff; border-bottom: 1px solid #dcdcdc; margin: 0; }

.s_guang2_bt span { float: left; padding-left: 2%; font-size: 24px; color: #3f505c; text-align: left; line-height: 56px; font-weight: bold; }

.s_guang2_bt a { float: right; padding-right: 2%; font-size: 18px; color: #3f505c; text-align: left; line-height: 56px; font-weight: bold; text-transform: uppercase; }


.s_guang2 { width: 44%; height: auto; float: right; margin: 2% 0 2% 0; }


.s_guang2_list { width: 96%; float: left; padding: 2% 2% 6% 2%; background: #fff; }


.s_guang2_list ul { width: 100%; float: left; }

.s_guang2_list ul li { width: 100%; height: 35px; float: left; margin: 0px 0 10px 0; background: #fff; }

.s_guang2_list ul li:hover { width: 100%; height: 35px; float: left; background: #eeeeee; }


.s_guang2_list ul li h3 { width: 70%; height: 35px; float: left; font-size: 18px; color: #3f505c; text-align: left; line-height: 35px; font-weight: normal; }


.s_guang2_list ul li font { float: right; padding-right: 1%; font-size: 14px; color: #3f505c; text-align: left; line-height: 35px; font-weight: normal; }


.s_guang3 { width: 100%; float: left; }

.s_guang3_bt { width: 100%; height: 40px; float: left; margin: 0; }

.s_guang3_bt span { float: left; padding-left: 2%; font-size: 24px; color: #3f505c; text-align: left; line-height: 40px; font-weight: bold; }

.s_guang3 ul { width: 103%; float: left; }

.s_guang3 ul li { width: 46%; height: auto; float: left; margin: 0% 3% 0px 0; }

.s_guang3 ul li a img { max-width: 100%; padding: 2%; background: #fff; }



/*dingyiguanggao   Regular advertising */

.s_advert { width: 100%; height: auto; float: left; margin: 1% 0 4% 0; padding-bottom: 2%; }

.s_advert ul { width: 103%; height: auto; float: left; }

.s_advert ul li { width: 47%; height: auto; float: left; margin: 1% 3% 1% 0; padding: 2% 0; background: #fff; }

.s_advert ul li:hover { width: 47%; height: auto; float: left; margin:1% 3% 1% 0; padding: 2% 0; background: #0168a2; }

.s_advert ul li a { width: 100%; height: auto; float: left; }


.s_advert ul li a .adv_time { width: 76px; height: 46px; float: left; margin-left: 3%; margin-top: 0; border-right: 1px solid #3f505c; font-size: 18px; color: #26395a; text-align: left; line-height: 22px; font-weight: normal; }

.s_advert ul li a .adv_time font { width: 100%; height: 22px; float: left; font-size: 18px; color: #26395a; text-align: left; line-height: 32px; font-weight: normal; }


.s_advert ul li a .adv_xq { width: 66%; height: 46px; float: left; margin-left: 3%; font-size: 18px; color: #26395a; text-align: left; line-height: 22px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

.s_advert ul li a .adv_xq font { width: 100%; height: 22px; float: left; font-size: 14px; color: #999999; text-align: left; line-height: 32px; font-weight: normal; }

.s_advert ul li:hover a .adv_time { color: #fff; border-right: 1px solid #80b4d1; }
.s_advert ul li:hover a .adv_time font, .s_advert ul li:hover a .adv_xq { color: #fff; }

.s_advert ul li:hover a .adv_xq font { color: #80b4d1; }



.s_yearlist { width: 100%; float: left; margin: 1% 0 4% 0; }


.s_yearlist ul { width: 103%; float: left; }

.s_yearlist ul li { width: 44%; height: 70px; float: left; margin: 2% 3% 0 0; background: #fff; padding: 0 1%; border: 1px solid #3f505c; }

.s_yearlist ul li:hover { width: 44%; height: 70px; padding: 0 1%; float: left; background: #0168a2; border: 1px solid #0168a2; }


.s_yearlist ul li h3 { width: 70%; height: 70px; float: left; font-size: 18px; color: #3f505c; text-align: left; line-height: 70px; font-weight: normal; }


.s_yearlist ul li font { float: right; padding-right: 1%; font-size: 14px; color: #3f505c; text-align: left; line-height: 70px; font-weight: normal; }


.s_yearlist ul li:hover h3, .s_yearlist ul li:hover font { color: #fff; }


/*invest4*/

.s_hudong { width: 100%; float: left;; font-size: 18px; color: #333; text-align: left; line-height: 40px; font-weight: normal; }


.s_htype { width: 28%; max-width: 330px; float: left; }

.s_htype ul { width: 100%; float: left; }


.s_htype ul li { width: 100%; float: left; background: #fff url(../img/c_jt02.png) no-repeat 94% 50%; border: 2px solid #26395a; padding: 3% 0; margin: 3% 0 0 0; }

.s_htype ul li:hover, .s_htype ul li.rhover { width: 100%; float: left; background: #0168a2 url(../img/c_jt01.png) no-repeat 94% 88%; border: 2px solid #26395a; padding: 3% 0; margin: 3% 0 0 0; }


.s_htype ul li img { width: 60px; float: left; margin: 1% 3% 0 5%; }

.s_htype ul li h3 { width: 70%; height: 60px; float: left; font-size: 18px; color: #26395a; text-align: left; line-height: 30px; font-weight: bold; }


.s_htype ul li h3 font { width: 100%; float: left; font-size: 18px; color: #26395a; text-align: left; line-height: 30px; font-weight: bold; }

.s_htype ul li:hover h3, .s_htype ul li:hover h3 font, .s_htype ul li.rhover h3, .s_htype ul li.rhover h3 font { color: #fff; }

.s_hrig { width: 71%; max-width: 1250px; float: right; background: #0168a2; margin: 1% 0 0 2%; padding: 1%; }

.s_hrig_bt { width: 100%; float: left; font-size: 20px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; }
.s_hrig input.inph1 { width: 28%; height: 40px; float: left; margin: 3% 2% 0 1%; background: #fff; border: 1px solid #fff; font-size: 16px; color: #333333; text-align: left; line-height: 40px; font-weight: normal; padding: 5px 0 5px 2%; }
input.inph1::-webkit-input-placeholder { /* WebKit browsers */ color: #333333; }
input.inph1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #333333; }
input.inph1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #333333; }
input.inph1:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #333333; }

.s_hrig textarea.inph2 { width: 94%; height: 120px; float: left; margin: 2% 0% 0 1%; background: #fff; border: 1px solid #fff; font-family: 'Microsoft YaHei'; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; padding: 10px 0 10px 20px; }
.s_hrig input.inph3 { width: 30%; max-width: 130px; height: 45px; float: right; margin: 3% 2% 3% 0; background: #fff; border: none; border-radius: 0px; font-size: 16px; color: #26395a; text-align: center; line-height: 45px; font-weight: normal; }


.s_zrig { width: 71%; max-width: 1250px; float: left; background: #fff; margin: 1% 0 0 2%; padding: 1%; }

.s_zrig1{width:38%; float:left; margin:2%;}

.s_zrig1 img{width:100%; 
 transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;}
        .s_zrig1:hover img {transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transition:all 0.4s linear;-ms-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;}



.s_zrig_table { width:58%; float:left; margin: 1% 0 0 0;  }


.s_zrig_bt { width: 100%; float: left; font-size: 20px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; }
.s_zrig_table input.inpz1 { width: 44%; height: 40px; float: left; margin: 3% 2% 0 1%; background: #fff; border: 1px solid #fff; border-bottom:1px solid #bfbfbf; font-size: 16px; color: #333333; text-align: left; line-height: 40px; font-weight: normal; padding: 5px 0 5px 2%; }
input.inpz1::-webkit-input-placeholder { /* WebKit browsers */ color: #333333; }
input.inpz1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #333333; }
input.inpz1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #333333; }
input.inpz1:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #333333; }

.s_zrig_table textarea.inpz2 { width: 94%; height: 120px; float: left; margin: 2% 0% 0 1%; background: #fff; border:none; border-bottom:1px solid #bfbfbf; font-family: 'Microsoft YaHei'; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; padding: 10px 0 10px 14px; }
.s_zrig_table input.inpz3 { width: 30%; max-width: 130px; height: 45px; float: right; margin: 3% 2% 3% 0; background: #0168a2; border: none; border-radius: 0px; font-size: 16px; color: #fff; text-align: center; line-height: 45px; font-weight: normal; }





/*contact*/

.s_contabg { width: 100%; height: auto !important; min-height: 780px; float: left; margin: 88px auto 0 auto; right: 0; background: #f8f8f8 url(../img/bgc4.jpg) no-repeat right bottom; background-size: 30% 100%; }


.s_cotbox{width:100%; float:left; background:#fff; margin:2% 0 3% 0; }

.s_coleft{width:34%; max-width:440px; float:left; }

.sco_type{width:66%; float:left; margin:2% 0 2% 14%;}

.s_coright{width:66%; max-width:1180px; float:right; padding:3% 0; background:#0168a2;}


.sco_table { width: 90%; float: left; height: auto; margin:0% 0 0 4%; font-size: 14px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }


.sco_table input.inpo1 { width: 30%; height: 40px; float: left; margin: 3% 3% 0 0; background: transparent; border: none; border-bottom: 1px solid #fff; font-size: 16px; color: #fff; text-align: left; line-height: 40px; font-weight: normal; padding: 5px 0; }
input.inpo1::-webkit-input-placeholder,textarea.inpo2::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; }
input.inpo1:-moz-placeholder,textarea.inpo2:-moz-input-placeholder  { /* Mozilla Firefox 4 to 18 */ color: #fff; }
input.inpo1::-moz-placeholder,textarea.inpo2::-moz-input-placeholder  { /* Mozilla Firefox 19+ */ color: #fff; }
input.inpo1:-ms-input-placeholder,textarea.inpo2::-ms-input-placeholder  { /* Internet Explorer 10+ */ color: #fff; }



.sco_table textarea.inpo2 { width: 96%; height: 120px; float: left; margin: 2% 0% 0 0; background: transparent; border: none; border-bottom: 1px solid #fff; font-family: 'Microsoft YaHei'; font-size: 16px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; padding: 10px 0; }
 

.sco_table input.inpo3 { width: 30%; max-width: 140px; height:50px; float: left; margin: 6% 0% 3% 0; background: #fff; border: none; border-radius: 40px; font-size: 18px; color: #0168a2; text-align: center; line-height: 50px; font-weight: normal; cursor:pointer; }



.s_joibox{width:100%; float:left;  margin:2% 0 3% 0; }


.s_joleft{width:44%; max-width:600px; float:left;   font-size:16px; color:#333333; text-align:left; line-height:28px; font-weight:normal;  }


.s_joleft .jotxt{
    width: 100%; 
    float: left;
    font-size: 16px;
    color: #333333;
    text-align: left;
    line-height: 28px;
    font-weight: normal; 
    height:auto;
}



.s_joleft  .jotxt strong{font-weight:bold; color:#26395a;}

 
 .s_joleft  .jotxt  .umore {
    font-size: 14px;
    color: #333333;
    text-align: left;
    line-height: 28px;
    font-weight: normal; display:block!important; 
}



.bmore1 {display:none; width: 60px; height: auto; float: right; margin: 10px 0 10px 0; cursor: pointer; }


.bmore1 .uimgs1 { display: block; margin: 0; }
.bmore1 .uimgs2 { display: block; margin: 0; }




.s_joright{width:55%; max-width:1030px; float:right;  }


.s_joright ul{width:103%; float:left; }

.s_joright ul li{width:42%; float:left; background:#fff; margin:0% 1% 3% 2%; border:none; border-radius:10px; padding:2% 2%; }

.s_joright ul li h3{width:60%; height:70px; float:left; font-size:24px; color:#fc0b0b; text-align:left; line-height:35px; font-weight:normal; overflow:hidden; }

.s_joright ul li h3 font{width:100%; height:35px; float:left; font-size:24px; color:#333333; text-align:left; line-height:35px; font-weight:bold; overflow:hidden; }


.s_joright ul li h4{width:32%; max-width:110px; float:left; margin:4% 2% 2%;}


.s_joright ul li h4 font{width:100%; height:40px; float:left; background:#eee; border:none; border-radius:20px;  font-size:18px; color:#333; text-align:center; line-height:40px; font-weight:normal; }

.s_joright ul li:hover h4 font{background:#0168a2; color:#fff;}

.s_joright ul li h5{width:100%; height:30px; float:left; margin:0 0 0 0%; font-size:14px; color:#999; text-align:left; line-height:30px; font-weight:normal; text-overflow:ellipsis;  overflow:hidden; }



.s_joshow{width:56%; max-width:1030px; float:right; background:#fff;  }



.s_joscon{width:94%; float:left;   font-size:14px; color:#333333; text-align:left; background:#fff; border:none; border-radius:10px; padding:3%; line-height:28px; font-weight:normal;  }

.s_joscon strong{font-weight:bold;}


.s_joscon_bt{width:100%; height:auto; float:left;  font-size:14px; color:#333333; text-align:left; line-height:30px; font-weight:normal; border-bottom:1px dashed #bfbfbf; margin-bottom:2%;}

.s_joscon_bt h3{width:60%; height:auto; float:left; font-size:24px; color:#fc0b0b; text-align:left; line-height:35px; font-weight:normal; overflow:hidden; }

.s_joscon_bt h3 font{width:100%; height:35px; float:left; font-size:24px; color:#333333; text-align:left; line-height:35px; font-weight:bold; overflow:hidden; }

.s_joscon_bt h4{width:32%; max-width:170px; float:right; margin:0% 0 2% 2%;}


.s_joscon_bt input.s_down{float:right; margin:0%; width:170px; height:54px; background:url(../img/down1.png) no-repeat center bottom; border:none; text-indent:-999px; border-radius:30px; cursor:pointer;}

.s_joscon_bt h5{width:100%; height:30px; float:left; margin:0 0 0 0%; font-size:14px; color:#999; text-align:left; line-height:30px; font-weight:normal; text-overflow:ellipsis;  overflow:hidden; }




.s_links { width: 100%; float: left; margin:2% 0 1% 0; display:none; }






.mob_footer{display:none;}



.pc_top{display:block;}

.mob_top{display:none;}


.fu { position: fixed; right: 3%;  bottom: 10%; z-index: 99; }
.fu_left { position: fixed; left: 3%; top: 20%; width: 3%; z-index: 99; }
.fu_left img { width: 100%; }
.fu_show { transition: all .2s; }
.fu_hide { display: none; }
.fu_box { width: 51px; height: 51px; background: #fff; border-radius: 50%; box-shadow: 0 0 9px rgba(28,44,29,0.23); display: flex; justify-content: center; align-items: center; transition: all .2s; }
.fu_box img { width: 33px; }
.fu_box span { display: none; transition: all .2s; }
.fu_box:hover { height: inherit; border-radius: 50px; background: #fff; padding: 18px 0; display: block; text-align: center; }
.fu_box:hover .fu_show { display: none; }
.fu_box:hover .fu_hide { display: block; }
.fu_box:hover span { font-size: 16px; writing-mode: vertical-lr; display: inline-block; text-align: center; color: #394867; margin-top: 8px; }
.fu_box:hover img { margin: 0 auto; display: block; }
.fu_area { margin-bottom: 20px; cursor: pointer; position: relative; }
.fu_info { width: 133px; height: 133px; background: #fff; padding:8px  0 0 8px; border-radius: 5px; display: none; transition: all .2s; position: absolute; top: 50%; transform: translateY(-50%); right: 115%; }

.fu_pho { width:150px; height:auto; background: #fff; padding:10px; line-height:30px; text-align:center; border-radius:15px; display: none;
 transition: all .2s; position: absolute; top:25%; transform: translateY(-50%); right: 115%; color: #394867;}
.fu_info img { width: 123px; height:123px; }
.fu_area:hover .fu_info { display: block; }
.fu_area:hover .fu_pho { display: block; }